<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>珍奇动物信息</title>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/hfy/css/bootstrap.min.css">
    <!--引入字体图标相关的样式文件-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!--引入axios框架-->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <!--引入VUE框架-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <link rel="stylesheet" href="/hfy/css/hfy.css">
</head>
<body class="animal-wrap" style="font-size: 12px;">
    <div class="top1">
        <div class="navbar1 navbar-inverse1">
            <div class="container-fluid1">
                <div class="navbar-header1">
                    <h1 class="logo">
                        <a class="navbar-brand1" href="/">
                            <img src="/hfy/img/img_logo.png" alt="">
                        </a>
                    </h1>
                </div>
                <div class="collapse1 navbar-collapse1" id="main-menu">
                    <ul class="nav1 navbar-nav1">
                        <li class="item1 wat1" style="width: 80px">
                            <a href="/" title="首页">
                                <!--<span class="glyphicon glyphicon-home"></span>-->
                                <!--                                <span class="glyphicon glyphicon-home" aria-hidden="true"></span>-->
                                <img src="/hfy/img/t_home.png" alt="">
                            </a>
                        </li>
                        <li class="item1">
                            <a href="/views/hfy_zqdw">珍奇动物</a>
                        </li>
                        <li class="item1">
                            <a href="/views/hth_ztly">主题乐园</a>
                        </li>
                        <li class="item1 l-last-item1">
                            <a href="/views/zx_sssj">水上世界</a>
                        </li>
                        <li class="item1">
                            <a href="/views/zzb_bhjy">保护教育</a>
                        </li>
                        <li class="item1">
                            <a href="/views/lfx_ynfg">园内风光</a>
                        </li>
                        <li class="item1">
                            <a href="/views/lfx_ykfw">游客服务</a>
                        </li>
                        <li class="item1 wat1" style="width: 80px">
                            <a href="/search" title="搜索">
                                <!--<i class="icfont ic_search"></i>-->
                                <img src="/hfy/img/t_search.png" alt="">
                            </a>
                        </li>
                    </ul>
                    <a href="" class="btn-nav-close" id="J_btnNavClose">
                        <i class="icon-nav-close"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="wrap">
        <div class="banner themePark">
            <div class="title mt100">珍奇动物</div>
            <div class="sub-title mt10">探秘世界珍奇动物王国</div>
        </div>
        <div class="container item-list animal-list clearfix">
            <input type="button" onclick="goback()"
                   value="返回上一页" style="background-color: white;color:black;height: 30px;margin-bottom: 5px">
            <div class="tab-content" id="J_AnimalsTabContent">
                <div class="row" id="J_AnimalsTab1">
                    <div class="AnimalsCard" style="width: 1080px">
                        <div class="item fore1" style="width: 1030px;height: 1200px">
                            <h1 id="imageanimal" style="display: none">[[${animalNew.imagePath}]]</h1>
                            <div style="overflow: hidden;width: 100%;height: 500px">
                                <img src="" id="imageanimal1" class="img-responsive" style="height: 500px">
                            </div>
                            <div class="text">
                                <h1 style="font-size: 40px">[[${animalNew.title}]]</h1>
                                <h3 style="font-size: 20px">[[${animalNew.content}]]</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="well">
            <p>- 联系我们 -</p>
            <img src="/hfy/img/f_logo.png" alt="">
            <p style="margin: 20px">广西壮族自治区南宁市西乡塘区大学东路73号</p>
            <p><span style="margin: 50px 200px 50px 0">动物园</span><span>0771-3213932</span></p>
            <hr width="332">
            <p><span style="margin: 50px 155px 50px 0">加勒比水世界</span><span>0771-3218828</span></p>
            <hr width="332">
            <div style="margin: 10px 20px 0 390px">
                <span>官方微信</span><br>
                <img src="/hfy/img/qr_wechat.png" alt="">
            </div>
            <div>
                <span>官方微博</span><br>
                <img src="/hfy/img/qr_weibo.png" alt="">
            </div>
        </div>
    </footer>
</body>
<script src="/hfy/js/rareanimal.js"></script>
<script>
        let fileName = document.querySelector("#imageanimal").innerText;
        let path = fileName;
        document.getElementById("imageanimal1").src=path;
        function goback() {
            window.history.back();
        }
</script>
</html>
